<!DOCTYPE html>
<html>

<body>
<style>
    html, body{background-color:#FFF!important;}
    .modal-body{background-color:#fff;padding:15px;width:100%}
    .page-header{margin-top:15px!important;}
    .add_button{border-top:1px solid #eee;padding-top:15px;}
    .config_img {
        height:65px;
        margin-top: 15px;
    }
    .images_del{text-align: center}
    .layui-form-pane .layui-form-label{font-size:12px!important;}
    .modal-body{display: inline-block;padding-bottom:0px;}
    .show_multiple{float: left;margin-left:15px;}
    #images_upload{display: inline-block;float: left;padding:0px 10px;}
    .layui-input-block p{line-height:36px;padding-left:15px;}
</style>

<div class="modal-body">

    <fieldset class=" layui-field-title" >
        <legend>详细内容</legend>
    </fieldset>


    <form class="layui-form layui-form-pane form-horizontal" action=""  name="layui-form">
        <!--<div class="layui-form-item layui-col-md12">-->
            <!--<label class="layui-form-label">*标题</label>-->
            <!--<div class="layui-input-block">-->
                <!--<p>{$detail.title}</p>-->
            <!--</div>-->
        <!--</div>-->

        <div class="layui-form-item layui-col-md12">
            <label class="layui-form-label">时间</label>
            <div class="layui-input-block">
                <p>{$detail.show_time}</p>
            </div>
        </div>

        <!--图文模型&单页模型-->
        <div class="layui-form-item" >
            <a class="layui-form-label" title="内容" href="javascript:;">*内容:</a>
            <div class="layui-input-block">
                <p>{$detail.content}</p>
            </div>
        </div>

        {if condition="$detail['images'] neq ''"}
        <div class="layui-form-item layui-col-md12" style="width:100%">
            <label class="layui-form-label">*图组</label>
            <!--存储上传的图片信息-->
            <div class="layui-input-block">
                <div class="input-group">
                    <!--<div id="images_upload" ><img src="/static/images/upload.jpeg" style="width:100px;height:100px;"></div>-->
                    <div class="input-group show_multiple row">
                        {volist name="$detail['images']" id="vo1"}
                        <div class="newimg"><img src="{$vo1}" onclick="visitImg('{$vo1}');"  ><input type="hidden" name="images[]" value="{$vo1}"><div class="images_del" >删除</div></div>
                        {/volist}
                    </div>
                </div>
            </div>
        </div>
        {/if}

        {if condition="$detail['visitor'] neq ''"}
        <div class="layui-form-item layui-col-md12">
            <label class="layui-form-label">走访人</label>
            <div class="layui-input-block">
                <p>{$detail.visitor}</p>
            </div>
        </div>
        {/if}

        {if condition="$detail['condition_val'] neq ''"}
        <div class="layui-form-item layui-col-md12">
            <label class="layui-form-label">企业状况</label>
            <div class="layui-input-block">
                <p>{$detail.condition_val}</p>
            </div>
        </div>
        {/if}

        {if condition="$detail['problem'] neq ''"}
        <div class="layui-form-item layui-col-md12">
            <label class="layui-form-label">诉求类型</label>
            <div class="layui-input-block">
                <p>{$detail.problem}</p>
            </div>
        </div>
        {/if}

        {if condition="$detail['visitor'] neq ''"}
        <div class="layui-form-item layui-col-md12">
            <label class="layui-form-label">主要诉求内容</label>
            <div class="layui-input-block">
                <p>{$detail.problem_content}</p>
            </div>
        </div>
        {/if}

        {if condition="$detail['solution'] neq ''"}
        <div class="layui-form-item layui-col-md12">
            <label class="layui-form-label">诉求解决情况</label>
            <div class="layui-input-block">
                <p>{$detail.solution}</p>
            </div>
        </div>
        {/if}


        <input type="hidden" name="pro_id" value="{$detail.pro_id}">
        <input type="hidden" name="id" value="{$detail.id}">

    </form>

</div>
<div class="modal-footer">
    <button type="button" class="btn btn-default btn-sm" close="true">关闭</button>
</div>

<script>
    function visitImg(imgUrl) {
        layer.photos({
            photos : {
                "title" : "",
                "id" : 123,
                "start" : 0,
                "data" : [
                    {
                        "alt" : "",
                        "pid" : 666,
                        "src" : imgUrl,
                        "thumb" : ""
                    } ]
            }
        });
    }
</script>

</body>
</html>